<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>14-vertical-align-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>14-vertical-align-node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>对齐方式</h2>
					<span>所有具有内联特点的元素都具有一个默认的上下对齐方式
			行内、行内块

		想让多个内联元素对齐的时候就使用这个
		vertical-align  
			baseline   默认值，基线对齐

			top     元素的顶边与一行中最高元素的顶边对齐
			bottom  元素的底边与一行中最高元素的底边对齐
			middle  将元素中垂点放在父元素中部对齐。会有一丢丢误			差，能做到视觉上居中对齐。
				使用的时候兄弟内联间都加这个属性
				----会受到行高的影响
			text-top   与父元素文本的顶端对齐
			text-bottom  与父元素文本的底端对齐
				----会受到文字大小的影响

		图片的基线在图片的底边
		行内元素的基线在小写字母x的底边

		vertical-align对块级无效

		消除img下方的间距：基线对齐造成
			1、转块级
			2、只要不是baseline都可以，最常用的是top去消除间距
		
		像素值的时候，负值在基线下方，正值在基线上方
		想要实现两两对齐，就要都加vertical-align

		空格在不同浏览器里面大小是不同的：5px/4px/3px
		大盒子和文字标签设置高度都不能在父元素中部对齐
		</span>
				</li>
				<li>
					<h2>cursor</h2>
					<span>default  默认
			pointer   小手
			move  可移动可拖拽
			wait  正忙
			help   疑问

		cursor:url("cursor/cs019_01.cur"),pointer;  
		使用外部的指针样式文件，必须加备用的指针
					</span>
				</li>
				<li>
					<h2>opacity</h2>
					<span>设置整个元素的一个透明度
			0~1
			0：完全透明
			1：完全不透明
		IE8及以下独有的兼容滤镜写法
		filter:alpha(opacity:50);
			0~100
			0：完全透明
			100：完全不透明
		</span>
				</li>
			</ul>
	</body>
</html>
